{% comment %}
<!--
  Copyright (C) 2008 ZHENG Zhong <http://www.zhengzhong.net/>

  <div class="roundbox_wrapper">
    <div class="roundbox_head">
      <div class="c"></div>
    </div>
    <div class="roundbox_body">
      <div class="c">
        <div class="s">
          <div class="...">content goes here...</div>
        </div>
      </div>
    </div>
    <div class="roundbox_foot">
      <div class="c"></div>
    </div>
  </div>
  
  Created on 2008-08-15.
  $Id$
-->
{% endcomment %}

<!-- stylesheet _________________________________________________________________________________-->

<style type="text/css"><!--

  .roundbox_wrapper {
    margin: 0 auto;
    min-width: 20px;
  }

  .roundbox_wrapper .roundbox_head .c,
  .roundbox_wrapper .roundbox_foot .c {
    font-size: 1px; /* ensure minimum height */
    height: 13px;
  }

  .roundbox_wrapper .roundbox_head {
    background: transparent url("{{static_}}/images/roundbox_tl.gif") no-repeat 0 0;
  }

  .roundbox_wrapper .roundbox_head .c {
    background: transparent url("{{static_}}/images/roundbox_tr.gif") no-repeat right 0;
  }

  .roundbox_wrapper .roundbox_body {
    background: transparent url("{{static_}}/images/roundbox_ml.gif") repeat-y 0 0;
  }

  .roundbox_wrapper .roundbox_body .c {
    background: transparent url("{{static_}}/images/roundbox_mr.gif") repeat-y right 0;
  }

  .roundbox_wrapper .roundbox_body .c .s {
    margin: 0px 8px 0px 4px;
    background: #000 url("{{static_}}/images/roundbox_ms.gif") repeat-x 0 0;
    padding: 1em;
  }

  .roundbox_wrapper .roundbox_foot {
    background: transparent url("{{static_}}/images/roundbox_bl.gif") no-repeat 0 0;
  }

  .roundbox_wrapper .roundbox_foot .c {
    background: transparent url("{{static_}}/images/roundbox_br.gif") no-repeat right 0;
  }

--></style>

<!-- javascript _________________________________________________________________________________-->

<script type="text/javascript">//<![CDATA[

  function makeRoundBox(selector) {
    $(selector).wrap(
      "<div class='roundbox_wrapper'>" +
      "<div class='roundbox_body'>" +
      "<div class='c'>" +
      "<div class='s'>" +
      "</div>" +
      "</div>" +
      "</div>" +
      "</div>"
    );
    $("div.roundbox_wrapper")
      .prepend("<div class='roundbox_head'><div class='c'></div></div>")
      .append( "<div class='roundbox_foot'><div class='c'></div></div>");
  }

//]]></script>



